<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文轩网</title>
    <link rel="stylesheet" href="./css/basic.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部 -->
    <div class="importHeard"></div>
    <!-- 头部 -->
    <!-- 导航 -->
    <div class="nav">
        <div class="main">
            <div class="navMain">
                <span class="iconfont">&#xe63a;</span>
                全部商品分类
            </div>
            <span>优惠券</span>
            <span>图书畅销榜</span>
            <span>新书热卖榜</span>
            <span>童书绘本</span>
            <span>小说文学</span>
            <span>社科经管</span>
            <span>网络科技</span>
            <span>医学</span>
            <span>教材教辅</span>
            <span>生活艺术</span>
        </div>
    </div>
    <!-- 导航 -->
    <!-- 大图 -->
    <div class="banner">
        <div class="swiper-container " style="position: absolute;" >
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./imgs/2000-480-1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./imgs/2000-480.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        
        <div class="main clearfix">
            <div class="bigNav">
                <ul class="bigNav1">
                    <p>童书 育儿</p>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav1">绘本</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav1">国学启蒙</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav1">趣味童书</a></li>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav1">幼小衔接入学</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav1">兴趣培养</a></li>
                </ul>
                <ul class="bigNav2">
                    <p>文学 小说</p>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav2">外国文学</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav2">国学</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav2">民间故事</a></li>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav2">青春</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav2">情感</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav2">科幻</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav2">职场</a></li>
                </ul>
                <ul class="bigNav3">
                    <p>社科 经管</p>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav3">经济读物</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav3">市场营销</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav3">房地产</a></li>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav3">中国共产党</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav3">领导人著作</a></li>
                </ul>
                <ul class="bigNav4">
                    <p>行业 职业</p>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav4">电子商务</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav4">医学科普</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav4">室内装修</a></li>
                </ul>
                <ul class="bigNav5">
                    <p>教材 教辅</p>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav5">小学教辅</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav5">科普</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav5">读物</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav5">公务员</a></li>
                </ul>
                <ul class="bigNav6">
                    <p>生活 艺术</p>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav6">成功学</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav6">孕产</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav6">亲子</a></li><span>|</span>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav6">烹饪</a></li>
                </ul>
                <p>
                    <span>音像</span>
                    <span>百货</span>
                    <span>电子书</span>
                </p>
                <p>
                    <a href="./search.html"><span>全部分类</span></a>
                </p>
            </div>
        </div>
    </div>
    <!-- 大图 -->

    <!-- 展示 -->
    <div class="show5to1">
        <div class="main clearfix">
            <div class="showShow">
                <a href="./search.html?way=bookclass&bclass=bigNav2"><p class="show5to1-go">GO &gt;</p></a>
                <h3>流浪地球</h3>
                <h4>小说抢先看</h4>
                <img src="./imgs/1201308124_49_0_800x800.jpg" alt="">
            </div>
            <div>
                <a href="./search.html?way=bookclass&bclass=bigNav1"><p class="show5to1-go">GO &gt;</p></a>
                <h3>童书精选</h3>
                <h4>每周上新</h4>
                <img src="./imgs/1201810141_49_0_800x800.jpg" alt="">
            </div>
            <div>
                <a href="./search.html?way=bookclass&bclass=bigNav6"><p class="show5to1-go">GO &gt;</p></a>
                <h3>公告营养师</h3>
                <h4>官方教材</h4>
                <img src="./imgs/1201008122_10_1.jpg" alt="">
            </div>
            <div>
                <a href="./search.html?way=bookclass&bclass=bigNav4"><p class="show5to1-go">GO &gt;</p></a>
                <h3>办公书籍学起来</h3>
                <h4>提高效率</h4>
                <img src="./imgs/1201063806_10_1.jpg" alt="">
            </div>
            <div>
                <a href="./search.html?way=bookclass&bclass=bigNav3"><p class="show5to1-go">GO &gt;</p></a>
                <h3>史诗巨献</h3>
                <h4>命运变迁</h4>
                <img src="./imgs/1201656477_0_2_350x350.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 展示 -->

    <!-- 秒杀 -->
    <div class="seckill">
        <div class="main clearfix">
            <div class="seckill-Time">
                <h3>文轩秒杀</h3>
                <h4>限时抢购中</h4>
                <p>距离结束剩余</p>
                <p>
                    <span>00</span> :
                    <span>00</span> :
                    <span>00</span>
                </p>
                <a href="#">点击查看更多  &nbsp;&gt; &gt;</a>
            </div>

        </div>
    </div>
    <!-- 秒杀 -->

    <!-- 每日精选 -->
    <div class="daydaysel">
        <div class="main clearfix">
            <div class="daydaytab clearfix">
                <div class="daydayfont">
                    <span>每日精选</span>
                    <img src="./imgs/common-module-2020-title-icon.png" alt="">
                </div>
                <ul>
                    <li class="dayLi"><a href="./search.html?way=bookclass&bclass=bigNav1">童书 育儿</a></li>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav2">文学 小说</a></li>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav3">社科 经管</a></li>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav4">行业 职业</a></li>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav5">教材 教辅</a></li>
                    <li><a href="./search.html?way=bookclass&bclass=bigNav6">生活 艺术</a></li>
                </ul>
            </div>
            <p class="daytabs"></p>
            <div class="dayshow">
                sd
            </div>
        </div>
    </div>
    <!-- 每日精选 -->

    <!-- 回到顶部 -->
    <div class="totop">
        <img src="./imgs/topin.jpg" alt="">
    </div>
    <!-- 回到顶部 -->

    
    <!-- 底部 -->
    <div class="importFooter"></div>
    <!-- 底部 -->
</body>
<script src="./js/lib/jquery-1.8.3.js"></script>
<script src="./js/lib/swiper.js"></script>
<script src="./js/loginArea.js"type="module"></script>
<script src="./js/footer.js"type="module"></script>
<script src="./js/index.js" type="module"></script>
</html>